<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Kiehl's 科颜氏官方网站_契尔氏官网旗舰店，源自美国的顶级护肤品牌</title>
    <link rel="shortcut icon" href="./img/favicon.ico" />
    <script src="./js/apiData.js"></script>
    <script
        src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1-edb203c114.10.2.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
    <script src="./js/axios.min.js"></script>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css" />
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/headList.css" />
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/footer.css">

</head>

<body>
    <div class="headModule">
        <div class="header">
            <div class="head-top">
                <div class="left">
                    <div class="nav-menu">
                        <div class="menu-item">
                            <p class="title">订阅电子杂志</p>
                            <div class="menuHover">
                                <div class="label">获取科颜氏最新资讯</div>
                                <form>
                                    <input type="text" placeholder="请输入您的电子邮箱" />
                                    <div class="black-btn">订阅~</div>
                                </form>
                                <div class="check-box">
                                    <input type="checkbox" />
                                    <p>
                                        我同意依照本
                                        <a href="https://policy.lorealchina.com/termsofusewebsite" target="_blank"
                                            class="link-text">使用条款</a>和<a
                                            href="https://policy.lorealchina.com/privacypolicy" target="_blank"
                                            class="link-text">隐私政策</a>
                                        对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该
                                        <a href="https://policy.lorealchina.com/termsofusewebsite" target="_blank"
                                            class="link-text">使用条款</a>
                                        和
                                        <a href="https://policy.lorealchina.com/privacypolicy" target="_blank"
                                            class="link-text">隐私政策</a>
                                        的内容。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="menu-item">
                            <p class="title">客服中心</p>
                            <div class="menuHover">
                                <div class="routine-finder">
                                    <div class="flex-box">
                                        <div class="popup-left">
                                            <span class="iconfont icon-dianhuarexian"></span>
                                        </div>
                                        <div class="popup-right">
                                            <div class="phone-info">
                                                <div class="label">客服热线</div>
                                                <span>400-820-5433</span>
                                            </div>
                                            <a href="" class="questions">
                                                常见问题
                                                <span class="iconfont icon-youjiantou"></span>
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-item">
                            <p class="title">
                                <span class="icon-weizhi iconfont"></span>
                            </p>
                        </div>
                        <div class="menu-item">
                            <p class="title">
                                <span class="iconfont icon-weixin"></span>
                            </p>
                            <div class="menuHover">
                                <div class="wechat-box">
                                    <img src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg"
                                        class="wechatQR">
                                    <div class="wechat-text sans-serif">
                                        <span class="title">扫码关注</span>
                                        <span class="sub-title">科颜氏官方微信</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="routine-finder">
                            <p class="title">选择适合您的护肤品</p>
                        </div>
                    </div>
                </div>
                <div class="logo">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/Logo_d77de5fa-f810-4a5f-ab87-3978a6f483b5/Logo.png">
                </div>
                <div class="right">
                    <div class="account-section">
                        <div class="user-section">
                            <div class="user"><span>登录</span>
                            </div>
                            <!---->
                        </div>
                        <div class="user-cart">
                            <span class="iconfont icon-gouwudai101"></span>
                            <span class="shopping-text">购物袋</span>
                            <span>(0)</span>
                            <div class="mini-cart popup-with-triangle">
                                <div class="mini-cart-wrap">
                                    <div class="left-wrap">
                                        <div class="empty">
                                            <p class="empty-title">您的购物车为空</p>
                                            <a>
                                                <p class="go-shopping">立即选购您喜欢的商品</p>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="right-wrap">
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_1-UFC-50ML_TCN03386.jpg"
                                                    alt="">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏高保湿霜</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥315 - ¥580</p>
                                            </div>
                                        </div>
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img src="https://ecuniplatform-static.kiehls.com.cn/medias/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U_e7bfd07e9c8543f68a8383b263ab651b/PRODUCT_150_150/RATIO/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U.jpg"
                                                    alt="">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏金盏花爽肤水</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥340 - ¥570</p>
                                            </div>
                                        </div>
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img
                                                    src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_12-CCDS%E5%AE%89%E7%99%BD%E7%93%B6-30ML_F7681100U.jpg">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏新集焕白均衡亮肤淡斑精华液</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥540 - ¥1300</p>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="search-section">
                        <div class="nav-item">查看所有产品</div>
                        <div class="nav-item no-border">先试后买计划</div>
                        <div class="nav-item no-border search-box">
                            <input placeholder="高保湿霜">
                            <div class="search-btn">
                                <span class="iconfont icon-sousuo"></span>
                            </div>
                            <div class="el-row">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav>
        <ul class="headList"></ul>
        <div class="headList_layer_2"></div>
        <div class="headList_layer_2_title"></div>
        <div class="headList_layer_3"></div>
        <div class="kiehls_text"></div>
    </nav>
    </div>
    </div>
    <!-- 左边固定图片 -->
    <div class="ball-page">
        <img src="https://ecuniplatform-static.kiehls.com.cn/medias/高保湿霜_225fda49b8f04754a1b7b839b7f80d71/高保湿霜.png"
            class="icon">
    </div>
    <!-- 右侧固定内容 -->
    <div class="nav-roll">
        <div class="service-tel sans-serif">
            客服<br>电话
            <div class="telephone-box">
                <div class="phone-info">
                    <span class="iconfont icon-dianhuarexian"></span>
                    <p>咨询热线</p>
                    <p>400-820-5433</p>
                </div>
            </div>
        </div>
        <div class="customer-online sans-serif">
            在线<br>咨询
        </div>
    </div>
    <!-- 回到顶部按钮 -->
    <div class="go-top LiHover">
        <span>置顶 ⬆</span>
    </div>

   


    <div class="index">
        <div class="item-topImg">
            <img src="https://ecuniplatform-static.kiehls.com.cn/medias/[1111]彩蛋-pc_400597c80083459aa9e17ca6eaf22aa2/[1111]彩蛋-pc.jpg"
                alt="">
        </div>
        <!-- 顶部轮播图 -->
        <div class="swiper-top">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="https://ecuniplatform-static.kiehls.com.cn/medias/pc-kv_dca87ed504ce4b8788b36e4ba432fe97/pc-kv.jpg"
                        alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://ecuniplatform-static.kiehls.com.cn/medias/%E6%94%BB%E7%95%A5%E9%A1%B5KV-%E5%AE%98%E7%BD%91-PC_9e65f224b16f431e8f47035cf1fcfbd5/%E6%94%BB%E7%95%A5%E9%A1%B5KV-%E5%AE%98%E7%BD%91-PC.jpg"
                        alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://ecuniplatform-static.kiehls.com.cn/medias/%E5%80%92%E8%AE%A1%E6%97%B6-1920x550-2%E5%A4%A9_a671216251704fe0bbad6a4af9b525cb/%E5%80%92%E8%AE%A1%E6%97%B6-1920x550-2%E5%A4%A9.jpg"
                        alt="">
                </div>

            </div>
            <!-- 如果需要分页器
            <div class="swiper-pagination"></div> -->

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>
        <div class="navigation-pc">
            <img src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/电梯2_01_c97958436c314223ba3a18b8973e32aa/电梯2_01.png"
                style=""><img
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/电梯1_01_e344ca5ad5484909b2bc6306857410e8/电梯1_01.png"
                style=" display: none;"><img
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/电梯1_02_005d5d4d32ee4d0688de7601e2ad0bea/电梯1_02.png"
                style=""><img
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/电梯2_02_3a7f33533e874c5c9af77989f3ea6763/电梯2_02.png"
                style=" display: none;"><img
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/电梯1_03_6bd39354c4a847a099f4505195d40d96/电梯1_03.png"
                style=""><img
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/电梯3_03_ebb20e230df4415e80ff70654994b2ed/电梯3_03.png"
                style=" display: none;">
        </div>
        <div class="item-wrap">
            <img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-机制_02_eefaa681e3c94b1ca7343617ce1cb8bb/PC-机制_02.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-机制_02_eefaa681e3c94b1ca7343617ce1cb8bb/PC-机制_02.jpg"
                lazy="loaded">
            <div class="hot-area" style="width: 37.94%; height: 72.15%; left: 4.89%; top: 20.97%;">
            </div>
            <div class="hot-area" style="width: 26.35%; height: 36.74%; left: 42.72%; top: 21.14%;">
            </div>
            <div class="hot-area" style="width: 25.61%; height: 39.93%; left: 42.83%; top: 57.72%;">
            </div>
            <div class="hot-area" style="width: 26.35%; height: 36.91%; left: 68.97%; top: 20.3%;">
            </div>
            <div class="hot-area" style="width: 30.61%; height: 39.6%; left: 68.23%; top: 57.89%;">
            </div>
        </div>
        <div class="item-wrap"><img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/medias/查看更多双支装-1126_a5a4b814934d488a81cd12085a505db0/查看更多双支装-1126.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/medias/查看更多双支装-1126_a5a4b814934d488a81cd12085a505db0/查看更多双支装-1126.jpg"
                lazy="loaded">
        </div>
        <div class="item-wrap">
            <img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/medias/官网PC-11月8日增加切片_4837af6c92b34a10974fa89dad83b031/官网PC-11月8日增加切片.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/medias/官网PC-11月8日增加切片_4837af6c92b34a10974fa89dad83b031/官网PC-11月8日增加切片.jpg"
                lazy="loaded">
        </div>
        <div class="item-wrap cp1">
            <img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-机制_03_ba8376849f9340f68c174721809a5390/PC-机制_03.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-机制_03_ba8376849f9340f68c174721809a5390/PC-机制_03.jpg"
                lazy="loaded">
        </div>

        <!-- 轮播0 -->
        <div class="swiper item-wrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-2_76b6580c88874d39a99b2212e377c60a/PC-单品-2.jpg">
                </div>
                <div class="swiper-slide"><img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-4_ba350d3e6cf54db2a060e533cfb09547/PC-单品-4.jpg">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

        </div>
        <!-- 轮播1 -->
        <div class="swiper item-wrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-6_0cccd8f1abc743d7824feee36ef452a2/PC-单品-6.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-8_e1d08694be044d5ea33ce765292d92ed/PC-单品-8.jpg">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

        </div>
        <div class="item-wrap">
            <img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-9_90dc689d30e94bf39af527fece74cca7/PC-单品-9.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-9_90dc689d30e94bf39af527fece74cca7/PC-单品-9.jpg"
                lazy="loaded">
        </div>

        <div class="item-wrap">
            <img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-10_9c9ffa8f65d1459293087a70a0c5fd51/PC-单品-10.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-10_9c9ffa8f65d1459293087a70a0c5fd51/PC-单品-10.jpg"
                lazy="loaded">
        </div>

        <!-- 轮播2 -->
        <div class="swiper item-wrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-12_bd09e1156a2d447fbaa6b9a32ef20065/PC-单品-12.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-14_96cee4d8c50240139582c31f9ff3b022/PC-单品-14.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-16_6ae3da1c50a744ef8196604b4d7b2734/PC-单品-16.jpg">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

        </div>
        <!-- 轮播3 -->
        <div class="swiper item-wrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-18_01763653e2804f51b5483a842a4764eb/PC-单品-18.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-%E5%8D%95%E5%93%81-20_ea97be6490454100a42b028b1c632177/PC-%E5%8D%95%E5%93%81-20.jpg">
                </div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <!-- 轮播4 -->
        <div class="swiper item-wrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-22_44ffd9da475e4053b92fb87c9a4a7fa0/PC-单品-22.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-24_dd194ec137a84002847d3f4cad44c6c3/PC-单品-24.jpg">
                </div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <!-- 轮播5 -->
        <div class="swiper item-wrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-26_a914140cb70e45fabb6fde184fae35d9/PC-单品-26.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-28_fb633cd78ec24849b6598428e671f68b/PC-单品-28.jpg">
                </div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <div class="item-wrap"><img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-29_5bfaf64cbd984b369e26c0c05eb5c9cf/PC-单品-29.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-29_5bfaf64cbd984b369e26c0c05eb5c9cf/PC-单品-29.jpg"
                lazy="loaded"></div>

        <div class="item-wrap">
            <img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-30_6152eae4fbb64f53b5c7cfd98e58213d/PC-单品-30.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-单品-30_6152eae4fbb64f53b5c7cfd98e58213d/PC-单品-30.jpg"
                lazy="loaded">
        </div>

        <!-- 轮播6 -->
        <div class="swiper item-wrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-%E5%8D%95%E5%93%81-32_53e0eb7af60c4e7989f6c329ad7771c3/PC-%E5%8D%95%E5%93%81-32.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-%E5%8D%95%E5%93%81-34_be92cc1c331c4cc0900dd3d84adb6b72/PC-%E5%8D%95%E5%93%81-34.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-%E5%8D%95%E5%93%81-36_5512e8e1eeec4ee6a556ab60a6965f7f/PC-%E5%8D%95%E5%93%81-36.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-%E5%8D%95%E5%93%81-38_a21e7bab7a184236bcde20321cdf7e16/PC-%E5%8D%95%E5%93%81-38.jpg">
                </div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <div class="item-wrap">
            <img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-1_154d32f5492e489587af803c3af9afc7/PC-套组-1.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-1_154d32f5492e489587af803c3af9afc7/PC-套组-1.jpg"
                lazy="loaded">
        </div>

        <!-- 轮播7 -->
        <div class="swiper item-wrap cp2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-3_24e019ded0db4c379bc38614fd5d457a/PC-套组-3.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-5_449f2d8d01404fbfbd35e418bdd4f237/PC-套组-5.jpg">
                </div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- 轮播8 -->
        <div class="swiper item-wrap cp3">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-7_8a0afc3d04fc4638ab170fdb1038d6bd/PC-套组-7.jpg">
                </div>
                <div class="swiper-slide">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-9_fb1998d3fb794c3c88ecfddef3d05189/PC-套组-9.jpg">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <div class="item-wrap">
            <img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-10_cf9d584c3ec148fbb681fd5fa999f7ee/PC-套组-10.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-10_cf9d584c3ec148fbb681fd5fa999f7ee/PC-套组-10.jpg"
                lazy="loaded">
        </div>

        <!-- 轮播9 -->
        <div class="swiper item-wrap cp3">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img data-v-c457a7fc=""
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-12_a160e820e3874542832f9939c3248b64/PC-套组-12.jpg">
                </div>
                <div class="swiper-slide">
                    <img data-v-c457a7fc=""
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-14_487baa144c4b4f01b65d38b460840318/PC-套组-14.jpg">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- 轮播10 -->
        <div class="swiper item-wrap cp3">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img data-v-c457a7fc=""
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-16_223e5831c9e9426489f5289da1829a52/PC-套组-16.jpg">
                </div>
                <div class="swiper-slide">
                    <img data-v-c457a7fc=""
                        src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-18_5a5cb61caaee4da78bf2f0a9dae52537/PC-套组-18.jpg">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="item-wrap"><img class="img"
                data-src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-19_c6c3a3878da4498a8f7680c81f81efab/PC-套组-19.jpg"
                src="https://ecuniplatform-static.kiehls.com.cn/903786321577816064/PC-套组-19_c6c3a3878da4498a8f7680c81f81efab/PC-套组-19.jpg"
                lazy="loaded"></div>
    </div>



    <script>
        let navigationTOP=$(".navigation-pc").offset().top
let cp1Top = $(".cp1").offset().top
let cp2Top = $(".cp2").offset().top
        var mySwiperTop = new Swiper('.swiper-top', {
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项

            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },


        })
        var mySwiperTop = new Swiper('.swiper', {
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
                // type : 'custom',
                clickable: true,
            },
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
        })

        $(".swiper:eq(0)").find(".swiper-pagination-bullet:eq(0)").html("50ml限定版")
        $(".swiper:eq(0)").find(".swiper-pagination-bullet:eq(1)").html("125ml囤货装")

        $(".swiper:eq(1)").find(".swiper-pagination-bullet:eq(0)").html("250ml入门装")
        $(".swiper:eq(1)").find(".swiper-pagination-bullet:eq(1)").html("500ml囤货装")

        $(".swiper:eq(2)").find(".swiper-pagination-bullet").css({
            fontSize: "24px",
            width: "153px",
            height: "48px",
            lineHeight: " 48px"
        })
        $(".swiper:eq(2)").find(".swiper-pagination-bullet:eq(0)").html("30ml入门装")
        $(".swiper:eq(2)").find(".swiper-pagination-bullet:eq(1)").html("50ml经典装")
        $(".swiper:eq(2)").find(".swiper-pagination-bullet:eq(2)").html("100ml囤货装")

        $(".swiper:eq(3)").find(".swiper-pagination-bullet:eq(0)").html("30ml入门装")
        $(".swiper:eq(3)").find(".swiper-pagination-bullet:eq(1)").html("50ml超值装")

        $(".swiper:eq(4)").find(".swiper-pagination-bullet:eq(0)").html("氨基酸洁面")
        $(".swiper:eq(4)").find(".swiper-pagination-bullet:eq(1)").html("舒缓面霜")

        $(".swiper:eq(5)").find(".swiper-pagination-bullet:eq(0)").html("14ml享同款")
        $(".swiper:eq(5)").find(".swiper-pagination-bullet:eq(1)").html("28ml享同款")

        $(".swiper:eq(6)").find(".swiper-pagination-bullet").css({
            fontSize: "20px",
            width: "123px",
            height: "38px",
            lineHeight: " 40px"
        })
        $(".swiper:eq(6)").find(".swiper-pagination-bullet:eq(0)").html("30ml入门装")
        $(".swiper:eq(6)").find(".swiper-pagination-bullet:eq(1)").html("50ml经典装")
        $(".swiper:eq(6)").find(".swiper-pagination-bullet:eq(2)").html("100ml囤货装")
        $(".swiper:eq(6)").find(".swiper-pagination-bullet:eq(3)").html("100ml囤货装")

        $(".swiper:eq(7)").find(".swiper-pagination-bullet:eq(0)").html("明星必备套组")
        $(".swiper:eq(7)").find(".swiper-pagination-bullet:eq(1)").html("水润焕彩套组")

        $(".swiper:eq(8)").find(".swiper-pagination-bullet:eq(0)").html("进阶保湿两件套")
        $(".swiper:eq(8)").find(".swiper-pagination-bullet:eq(1)").html("高保湿家族")

        $(".swiper:eq(9)").find(".swiper-pagination-bullet:eq(0)").html("金盏花家族")
        $(".swiper:eq(9)").find(".swiper-pagination-bullet:eq(1)").html("金盏花舒缓套组")

        $(".swiper:eq(10)").find(".swiper-pagination-bullet:eq(0)").html("早C晚A套组")
        $(".swiper:eq(10)").find(".swiper-pagination-bullet:eq(1)").html("水润焕白套组")

    </script>
    <script src="./js/headList copy.js"></script>

    <div class="common-footer">
        <div class="border-bottom-1px">
            <img src="	https://www.kiehls.com.cn/img/pc_footer.1fd0605e.png" alt="" id="pcLogoFooter"
                class="footerContent" />
        </div>
        <div class="introWrapper">
            <ul class="footerContent">
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/官网直售_5a2863dd-fe16-4798-9271-c54ac571a297/官网直售.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>官方直售</p>
                        <p class="subTitle-font">官方直供 正品保证</p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/顺丰包邮_2c97d901-5cf2-4101-aa4d-ed29284c8100/顺丰包邮.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>顺丰包邮</p>
                        <p class="subTitle-font">
                            满100元即可享受此项服务 顺丰不达地区使用其他快递
                        </p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/精美礼盒_da935b46-b0aa-4d89-b814-4c8eb1595eb9/精美礼盒.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>精美礼盒</p>
                        <p class="subTitle-font">
                            甄选精美礼盒包装 尊享官网购物体验
                        </p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/惊喜礼遇_3e8b2bb6-0790-4de1-acd8-48325cbcb101/惊喜礼遇.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>惊喜礼遇</p>
                        <p class="subTitle-font">礼遇官网 特惠惊喜</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="menu-box footerContent">
            <div class="menu-cloumn">
                <div class="title">面部护理</div>
                <div class="title-child">洁面/磨砂膏</div>
                <div class="title-child">面膜</div>
                <div class="title-child">明星爽肤水</div>
                <div class="title-child">精华液</div>
                <div class="title-child">乳液/面霜</div>
                <div class="title-child">防晒隔离</div>
                <div class="title-child">眼部/唇部护理</div>
                <div class="title-child">特殊护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">身体护理</div>
                <div class="title-child">身体保湿</div>
                <div class="title-child">身体清洁/去角质</div>
                <div class="title-child">手足护理</div>
                <div class="title-child">香氛</div>
                <div class="title-child">婴儿护理</div>
                <div class="title-child">宠物护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">男士护理</div>
                <div class="title-child">洁面/剃须</div>
                <div class="title-child">爽肤</div>
                <div class="title-child">面部滋养</div>
                <div class="title-child">眼部/唇部护理</div>
                <div class="title-child">造型</div>
                <div class="title-child">其他护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">头发护理</div>
                <div class="title-child">洗发水</div>
                <div class="title-child">护发素</div>
                <div class="title-child">修护</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">其他</div>
                <div class="title-child">甄选套组</div>
            </div>
            <div class="contact-box">
                <div class="email-box">
                    <div class="label">订阅电子杂志</div>
                    <div class="content-box">
                        <input placeholder="输入您的邮箱" />
                        <div class="black-btn">立即订阅</div>
                        <span style="display: none">请输入正确的邮箱地址</span>
                        <div class="check-box">
                            <input type="checkbox" />
                            <p>
                                我同意依照本<a target="_blank"
                                    href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a>和<a target="_blank"
                                    href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该<a
                                    target="_blank" href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a>和<a
                                    target="_blank" href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>的内容。
                            </p>
                        </div>
                        <span style="display: none">请勾选同意</span>
                    </div>
                </div>
                <div id="attachInfo">
                    <div class="attention-box">
                        <div class="label">关注我们</div>
                        <div class="content-box">
                            <div class="icon">
                                <i class="float_left icon_weibo"></i><a href="https://weibo.com/kiehlschina">官方微博</a>
                            </div>
                            <div class="icon">
                                <i class="float_left icon_wechat"></i><a href="javascript:void(0);">官方微信</a>
                                <div class="popup wechat-popup popup-with-right-triangle">
                                    <div class="wechat-box">
                                        <img src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg"
                                            class="wechatQR" />
                                    </div>
                                </div>
                            </div>
                            <div class="icon">
                                <i class="float_left icon_kstar"></i><a target="_blank">K星人俱乐部</a>
                            </div>
                        </div>
                    </div>
                    <div class="attention-box address">
                        <div class="label">联系我们</div>
                        <p class="add_name">欧莱雅（中国）有限公司</p>
                        <p id="add_address">地址：上海市静安区南京西路1601号</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-box">
            <div>
                <p style="text-align: center">
                    国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。
                </p>
            </div>
            <ul class="copyright_beian">
                <li>
                    <div>
                        <span class="copy-right">© L'Oréal China </span>欧莱雅（中国）有限公司版权所有
                    </div>
                </li>
                <li>
                    <i class="middle_icon"><a target="_blank"
                            href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-20171114174223655199&amp;signData=MEUCIHb/ostwAFBMOMhblsmm93keeWs3MWzSprmQqJD0Nd70AiEA/AA78EF2ERZ7FFQsdWMlVAHTzyvMFy1i/qTStLwI6xA="></a></i><a
                        target="_blank"
                        href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-20171114174223655199&amp;signData=MEUCIHb/ostwAFBMOMhblsmm93keeWs3MWzSprmQqJD0Nd70AiEA/AA78EF2ERZ7FFQsdWMlVAHTzyvMFy1i/qTStLwI6xA=">中国工商</a><a
                        target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
                        class="icp-margin">沪ICP备08100043号-15</a>
                </li>
                <li>
                    <i class="right_icon"><a target="_blank"
                            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001527"></a></i><a
                        target="_blank"
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001527">沪公网安备
                        31010602001527号
                    </a>
                </li>
                <li><i class="cx-logo"></i></li>
            </ul>
            <div class="service_box">
                <a target="_blank" href="https://policy.lorealchina.com/cookiespolicy">Cookies政策</a><span
                    class="devider">|</span><a target="_blank"
                    href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a><span class="devider">|</span><a
                    target="_blank" href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>
            </div>
        </div>
        <!---->
    </div>


</body>

</html>